.base {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: var(--cui-spacings-giga);
  height: 36px;
  padding: 2px 4px;
  margin: 0;
  color: var(--cui-fg-accent);
  cursor: pointer;
  outline: 0;
  background: none;
  border: 0;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity var(--cui-transitions-default);
}

.base:focus {
  opacity: 1;
}

.base:focus::-moz-focus-inner {
  border: 0;
}

.icon {
  margin: -2px 0;
}
